.article-editor-container{
}

.article-editor-header{
    display: flex;
    justify-content: center;
}

.article-editor-title-input {
    border: 0;
    min-width: 600px;
    height: 40px; /* 输入框高度为40px */
    font-size: 18px; /* 内部的字体为24px */
    padding: 0 10px; /* 添加内边距，使文字与边框之间有一定间距 */
    margin: 15px;
    text-align: center;
}

.article-editor-title-input::placeholder {
    text-align: center; /* placeholder水平居中 */
    line-height: 40px; /* placeholder垂直居中 */
}

.article-editor-title-input:hover {
    outline: none;             /* 取消聚焦时的外边框 */
    border: 1px solid lightsalmon; /* 鼠标移到输入框上时，边框有淡蓝色的光 */
    box-shadow: 0 0 5px lightsalmon; /* 鼠标移到输入框上时，边框有阴影 */
}

.article-editor-title-input:focus {
    text-align: center; /* placeholder水平居中 */
    border: 1px solid lightblue; /* 鼠标移到输入框上时，边框有淡蓝色的光 */
    box-shadow: 0 0 5px lightblue; /* 鼠标移到输入框上时，边框有阴影 */
}


.article-editor-markdown{
    display: flex;
    justify-content: center;
}

.article-editor-inputboard{
    width: 1170px;
}

.article-editor-bottom{
    display: flex;
    justify-content: center;
}

.article-editor-manipulate{
    width: 1170px;
    height: 52px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.article-editor-bottom-left{
    display: flex;
}

.article-editor-draft {
    margin-right: 10px;
}

.article-editor-draft button {
    width: 90px;
    height: 34px;
    background-color: #1772F6;
    color: white;
    border: 0;
    border-radius: 4px;
}
.article-editor-bottom-right{
    display: flex;
}

.article-editor-cancel {
    margin-left: 10px;
}

.article-editor-cancel button {
    width: 90px;
    height: 34px;
    background-color: #b6b5b5;
    color: white;
    border: 0;
    border-radius: 4px;
}

.article-editor-publish {
    margin-left: 10px;
}

.article-editor-publish button {
    width: 90px;
    height: 34px;
    background-color: #1772F6;
    color: white;
    border: 0;
    border-radius: 4px;
}
